<template>
  <div class="auditList">
    <section class="header">
      <span>合同管理</span>
    </section>
    <ul class="menu-swtich clearfix">
      <li
        v-for="(item, index) in menu"
        :key="index"
        :class="[operationType == index ? 'active' : '']"
        @click="switchFun(index)"
      >
        {{ item.title }}
      </li>
      <el-button type="primary" :disabled="isDisabled" @click="printConfirm()"
        >打印</el-button
      >
      <el-button @click="selectCompany()">选择企业/地址</el-button>

      <!-- <el-button
        type="primary"
        :disabled="isDisabled"
        @click="printConfirm()"
      >打印A4</el-button> -->
    </ul>
    <div class="table">
      <el-table
        ref="multipleTable"
        :data="tableData"
        v-loading="loading"
        element-loading-text="拼命加载中"
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="55"> </el-table-column>
        <el-table-column type="index" width="100" label="序号">
        </el-table-column>
        <el-table-column prop="userName" label="员工姓名"></el-table-column>
        <el-table-column
          prop="sex"
          label="性别"
          width="55"
          :formatter="sexFormatter"
        ></el-table-column>
        <el-table-column prop="idCard" label="身份证号"></el-table-column>
        <el-table-column prop="workType" label="工种"></el-table-column>
        <el-table-column
          prop="companyName"
          label="用工单位名称"
        ></el-table-column>
        <el-table-column
          prop="employmentAgreementType"
          label="用工协议类型"
          :formatter="typeFormatter"
        ></el-table-column>
        <el-table-column
          prop="isPrint"
          label="是否打印"
          :formatter="printFormatter"
        ></el-table-column>
      </el-table>
      <!-- <el-pagination
        
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="current"
        :page-sizes="pageSizes"
        :page-size="pageSize"
        layout="sizes, prev, pager, next"
        :total="total"
      ></el-pagination> -->
    </div>
    <!--选择企业地址-->
    <el-dialog
      title="企业/地址"
      :visible.sync="dialogFormVisible"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :show-close="false"
      center
    >
      <el-form>
        <el-form-item label="公司名称" required :label-width="formLabelWidth">
          <el-select
            v-model="companyName"
            @change="changeCompany"
            allow-create
            filterable
            placeholder="请选择"
          >
            <el-option
              v-for="(item, index) in options"
              :key="index"
              :label="item.value"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="地址" required :label-width="formLabelWidth">
          <el-input v-model="address" clearable></el-input>
        </el-form-item>
        <el-form-item label="负责人" required :label-width="formLabelWidth">
          <el-input v-model="principal" clearable></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" :loading="loading" @click="confirmChange"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
import base from "@/assets/js/base";
import { requestApiPost } from "../api/api";
import { reqRep } from "../report/reqReport";
import { resRep } from "../report/resReport";
import printJS from "print-js";
export default {
  name: "contractManagement",
  data() {
    return {
      current: 1,
      pageSize: 1120,
      isDisabled: true,
      loading: false,
      operationType: 0,
      menu: [{ title: "全部" }, { title: "未打印" }, { title: "已打印" }],
      tableData: [],
      list: [],
      dialogFormVisible: false,
      formLabelWidth: "120px",
      companyName: "杭州启力人力资源管理有限公司",
      address: "杭州市下城区朝晖路182号1号楼200K",
      principal: "鲍正宇",
      options: [
        {
          value: "杭州启力人力资源管理有限公司",
          address: "杭州市下城区朝晖路182号1号楼200K",
        },
        {
          value: "杭州启亿企业管理有限公司",
          address: "杭州市下城区朝晖路182号2号楼90K",
        },
        {
          value: "杭州启亿企业管理有限公司余杭分公司",
          address: "杭州市下城区朝晖路182号1号楼200K",
        },
        {
          value: "杭州启力人力资源管理有限公司临平分公司",
          address: "杭州市下城区朝晖路182号1号楼200K",
        },
        {
          value: "杭州启亿人力资源管理有限公司",
          address: "杭州市拱墅区朝晖路182号1号楼150C-2",
        },
      ],
    };
  },
  methods: {
    switchFun(i) {
      this.operationType = i;
      this.getData();
    },
    //选择企业及地址
    selectCompany() {
      this.dialogFormVisible = true;
    },
    //确认选择
    confirmChange() {
      if (!this.companyName) {
        this.$message.warning("请填写公司名称");
        return;
      }
      if (!this.address) {
        this.$message.warning("请填写地址");
        return;
      }
      if (!this.principal) {
        this.$message.warning("请填写负责人");
        return;
      }
      //判断是否有这个公司
      let index = this.options.findIndex((e) => e.value == this.companyName);
      if (index == -1) {
        this.options.push({
          value: this.companyName,
          address: this.address,
        });
        sessionStorage.setItem("companyOptions", JSON.stringify(this.options));
      }
      this.loading = true;
      this.dialogFormVisible = false;
      this.tableData = [];
      let arr = JSON.parse(JSON.stringify(this.list));

      let newArr = arr.filter((e) => {
        //启亿
        if (this.companyName == "杭州启亿企业管理有限公司") {
          return (
            e.companyName == this.companyName ||
            e.employmentAgreementType == "1"
          );
        } else {
          return e.companyName == this.companyName;
        }
      });
      this.tableData = newArr;
      this.loading = false;
    },
    changeCompany(companyName) {
      let hasVal = this.options.filter((e) => e.value == companyName);
      if (hasVal.length > 0) {
        this.address = hasVal[0].address || "";
      }
    },
    //打印
    handleSelectionChange(e) {
      if (e.length > 0) {
        this.isDisabled = false;
      } else {
        this.isDisabled = true;
      }
      this.printData = e;
      console.log(this.printData);
    },
    //打印
    printConfirm() {
      let content = "";

      for (let i = 0; i < this.printData.length; i++) {
        //模板一：劳务派遣劳动合同
        if (this.printData[i].employmentAgreementType == "1") {
          content =
            content +
            `<div class="container">
                <!--第四页-->
            <main class="left">
             <section >4、本合同依法订立，双方签字盖章后生效，双方必须严格履行。</section>
             <section class="addMargin">5、本合同一式三份，甲乙双方各执一份，用工单位留存一份。</section>
             <div class="stance"></div>
             <section><span class="sign">甲方（盖章）:</span><span class="sign">乙方（签字）:</span></section>
             <div class="stance-1"></div>
             <section>法定代表人（主要负责人）签名:</section>
             <div class="stance-1"></div>
             <section class="db"><span class="sign">签约日期:</span><span class="sign">签约日期:</span></section>
             <!--第三页-->
              <h5>第七条  规章制度</h5>
              <section>一、甲方及用工单位依法制定单位规章制度，并通过有效方式及时告知乙方。</section>
              <section>二、乙方服从甲方及用工单位管理，并严格遵守甲方及用工单位依法制定的规章制度。</section>
              <h5>第八条  劳动合同变更、解除、终止</h5>
              <section>一、甲乙双方变更、解除、终止劳动合同依照《中华人民共和国劳动合同法》和有关法律法规规定执行。</section>
              <section>二、甲方在解除或者终止本合同时，为乙方出具解除或者终止劳动合同的证明，并在十五日内为乙方办理档案和社会保险关系转移手续。</section>
               <section>三、乙方按照双方约定，办理工作交接。甲方应当支付经济补偿的，在办结工作交接时支付。</section>
              <h5>第九条  派遣协议要求</h5>
              <section>甲方应当与用工单位订立劳务派遣协议，并将协议内容告知乙方。</section>
              <h5>第十条  当事人约定的其他事项</h5>
              <section>经协商一致，甲乙双方另行约定以下内容:</section>
              <div class="input-content"></div>
              <h5>第十一条  其他</h5>
              <section>1、本合同在履行中发生争议，任何一方均可向企业劳动争议调解委员会申请调解，也可向劳动争议仲裁委员会申请仲裁。</section>
              <section>2、本合同未尽事项，按国家有关法律法规执行。</section>
              <section>3、本合同条款如与今后国家颁布的法律法规相抵触时，按国家新的法律法规执行。</section>
              <div class="db" style="height:12px"></div>
            </main>
            <!--第一页-->
            <main ><div class="custom-h3">劳  务  派  遣  劳  动  合  同</div>
              <section><span>甲方（用人单位）名称:</span><span class="line">${
                this.companyName
              }</span></section>
              <section>住所:${this.address}  法定代表人（或主要负责人）:  ${
              this.principal
            }   </section>
               <section>乙方（劳动者）姓名:<span class="line">${
                 this.printData[i].userName
               }</span>      性别:<span class="short">${this.issexFormatter(
              this.printData[i].sex
            )}</span>    居民身份证号码:<span class="line">${
              this.printData[i].idCard
            }</span>     </section>                     
                <section>文化程度: <span class="short">${this.iseducationFormatter(
                  this.printData[i].education
                )}</span>     住所:<span class="line">${
              this.printData[i].address
            }    </span></section>                                                     
              <section>住所: ${this.address}  法定代表人（或主要负责人）:  ${
              this.principal
            }   </section>
              <section>根据《中华人民共和国劳动合同法》等法律、法规、规章的规定，在平等自愿，协商一致的基础上，同意订立本劳动合同，共同遵守本合同所列条款。</section>
              <h5>第一条  劳动合同期限</h5>
              <section>一、本合同为固定期限劳动合同。</section>
              <section><span>合同自&nbsp;</span><span class="line date">${this.timeFormatter(
                this.printData[i].laborContractStart
              )}</span><span>起至&nbsp;</span><span class="line date">${this.timeFormatter(
              this.printData[i].laborContractEnd
            )}</span>止。</section>
              <section>二、本合同约定试用期，试用期自  /    年 /  月 /  日起至  /   年 /  月 /   日止。</section>
              <section>三、甲方派遣乙方到用工单位的派遣期限为   /  年  / 月  / 日起至    /  年   / 月  / 日止。</section>
              <h5>第二条  工作内容、工作地点及要求</h5>
              <section><span>甲方派遣乙方工作的用工单位名称:</span><span class="line">
                
              </span></section>
              <section><span>乙方同意根据用工单位工作需要，从事</span><span class="line">${
                this.printData[i].workType
              }</span><span>工作,乙方的工作区域或工作地点</span></section>
              <section><span>在</span><span class="line">${
                this.printData[i].workAreaName
              }</span>。</section>
              <section>乙方按用工单位的要求应达到以下工作标准                /                     。</section>
               <h5>第三条  工作时间和休息休假</h5>
              <section>一、工作时间按下列第    1  项确定:</section>
              <section>1、实行标准工时制。乙方每日工作时间不超过8小时，每周工作时间不超过40小时，每周至少休息一天。</section>
              <div class="db" style="height:37px;"></div>
              <!--第二页-->
              <section>2、实行经劳动保障行政部门批准实行的不定时工作制。</section>
              <section>3、实行经劳动保障行政部门批准实行的综合计算工时工作制。结算周期:按   /   结算。</section>
              <section>二、甲方由于生产经营需要经与工会和乙方协商后可以延长乙方工作时间，一般每日不得超过一小时；因特殊原因需要延长工作时间的，每日不得超过三小时，但每月不得超过三十六小时。甲方依法保证乙方的休息休假权利。</section>
              <h5>第四条  劳动报酬及支付方式与时间</h5>
              <section>一、乙方试用期间的月劳动报酬为   /         元。</section>
              <section>二、试用期满后，乙方在法定工作时间内提供正常劳动的月劳动报酬为  2800  元，或根据甲方确定的薪酬制度确定为                  /                                   。</section>
              <section>乙方工资的增减，奖金、津贴、补贴、加班加点工资的发放，以及特殊情况下的工资支付等，均按相关法律法规及甲方依法制定的规章制度执行。甲方支付给乙方的工资不得低于用工地最低工资标准。</section>
              <section>三、甲方的工资发放日为次月  15    日。甲方应当以货币形式按月支付工资，不得拖欠。</section>
              <section>四、甲方未能安排乙方工作或者被用工单位退回期间，按照甲方所在地最低工资标准支付乙方报酬。</section>
              <h5>第五条  社会保险</h5>
              <section>甲、乙双方必须依法参加社会保险，按月缴纳社会保险费。乙方缴纳部分，由甲方在乙方工资中代为扣缴。</section>
              <h5>第六条  劳动保护、劳动条件和职业危害防护</h5>
              <section>甲方应当要求用工单位根据生产岗位的需要，按照国家有关安全生产、劳动保护、职业卫生等规定，为乙方提供符合规定的劳动保护设施、劳动防护用品及其他劳动保护条件。乙方应严格遵守各项安全操作规程。甲方和用工单位必须自觉执行国家有关女职工劳动保护和未成年工特殊保护规定。</section>
             <div class="db" style="height:4px"></div>
            </main>
            </div>`;
        } else {
          //模板二：全日制劳动合同
          content =
            content +
            `<div class="container">
              <!--第四页-->
               <main class="left">
                <section class="addSection3">病人在诊断或者医学观察期间的；</section>
                <section class="addSection3">2、在本单位患职业病或者因工负伤被确认丧失或者部分丧失劳动能力的；</section>
                <section class="addSection4">3、患病或者非因工负伤，在规定的医疗期内的；</section>
                <section class="addSection4">4、女职工在孕期、产期、哺乳期的；</section>
                <section class="addSection4">5、在本单位连续工作满十五年，且距法定退休年龄不足五年的；</section>
                <section class="addSection4">6、法律、法规规定的其他情形。</section>
                <section class="addSection4">十、乙方具有本条第九款情形之一的，甲方不得依据本条第六款第七款的约定解除本劳动合同。</section>
                <h5>第八条  违反劳动合同的责任</h5>
                <section class="addSection4">甲方违法解除或终止本合同，应向乙方支付赔偿金；乙方违法解除本合同，给甲方造成经济损失的，应依法承担赔偿责任。</section>
                <h5>第九条  双方需要约定的其他事项</h5>
                <div class="input-content-1"></div>
                <h5>第十条  其他</h5>
                <section class="addSection4">1、本合同在履行中发生争议，任何一方均可向企业劳动争议调解委员会申请调解，也可向劳动争议仲裁委员会申请仲裁。对仲裁裁决不服的，可以向人民法院起诉。</section>
                <section class="addSection4">2、本合同未尽事项，按国家有关法律法规执行。</section>
                <section class="addSection4">3、本合同条款如与今后国家颁布的法律法规相抵触时，按国家新的法律法规执行。</section>
                <section class="addSection4">4、本合同依法订立，双方签字盖章后生效，双方必须严格履行。</section>
                <section class="addSection4">5、本合同一式两份，甲乙双方各执一份。</section>
                <div class="stance-1"></div>
                <section class="addSection4"><span class="sign">甲方（盖章）:</span><span class="sign">乙方（签字）:</span></section>
                <div class="stance-1"></div>
                <section class="addSection4">法定代表人（主要负责人）签名:</section>
                <div class="stance-1"></div>
                <section class="addSection4"><span class="sign">签约日期:</span><span class="sign">签约日期:</span></section>
                 <!--第三页-->
                 <section class="addSection3">甲方以暴力、威胁或者非法限制人身自由的手段强迫乙方劳动的，或者甲方违章指挥、强令冒险作业危及乙方人身安全的，乙方可以立即解除劳动合同，不需事先告知甲方。</section>
                 <section class="addSection3">五、乙方具有下列情形之一的，甲方可以解除本合同：</section>
                 <section class="addSection3">1、在试用期间被证明不符合录用条件的；</section>
                 <section class="addSection3">2、严重违反甲方的规章制度的；</section>
                 <section class="addSection3">3、严重失职、营私舞弊，给甲方造成重大损害的；</section>
                 <section class="addSection3">4、同时与其他用人单位建立劳动关系，对完成甲方的工作任务造成严重影响，或者经甲方提出，拒不改正的。</section>
                 <section class="addSection3">5、以欺诈、胁迫的手段或乘人之危，使甲方在违背真实意思的情况下订立或者变更劳动合同致使劳动合同无效的。</section>
                 <section class="addSection3">6、被依法追究刑事责任的。</section>
                 <section class="addSection3">六、下列情形之一，甲方提前三十日以书面形式通知乙方或者额外支付乙方一个月工资后，可以解除本合同：</section>
                 <section class="addSection3">1、乙方患病或者非因工负伤，在规定的医疗期满后不能从事原工作，也不能从事由甲方另行安排的工作的；</section>    
                 <section class="addSection3">2、乙方不能胜任工作，经过培训或者调整工作岗位，仍不能胜任工作的；</section>
                 <section class="addSection3">3、劳动合同订立时所依据的客观情况发生重大变化，致使原劳动合同无法履行，经甲乙双方协商，不能就变更劳动合同内容达成协议的。</section>
                 <section class="addSection3">七、甲方依照企业破产法规定进行重整的；或生产经营发生严重困难的；或企业转产、重大技术革新或者经营方式调整，经变更劳动合同后，仍需裁减人员的；或其他因劳动合同订立时所依据的客观经济情况发生重大变化，致使劳动合同无法履行的,应当提前三十日向工会或者全体职工说明情况，听取工会或者职工意见，裁减人员方案以书面形式向劳动行政部门报告后，可以解除劳动合同。</section>
                 <section class="addSection3">八、有下列情形之一的,劳动合同终止:</section>
                 <section class="addSection3">1、劳动合同期满的；</section>
                 <section class="addSection3">2、乙方到达法定退休年龄的;</section>
                 <section class="addSection3">3、乙方死亡,或者被人民法院宣告死亡或者宣告失踪的;</section>
                 <section class="addSection3">4、甲方被依法宣告破产，被吊销营业执照、责令关闭、撤销或者甲方决定提前解散的；</section>
                 <section class="addSection3">5、法律、行政法规规定的其他情形。</section>
                 <section class="addSection3">九、劳动合同期满,乙方具有下列情形之一的,劳动合同应当续延至相应的情形消失时终止；</section>
                 <section class="addSection3">1、从事接触职业病危害作业的劳动者未进行离岗前职业健康检查，或者疑似职业病</section>
                <div class="db" style="height:18px"></div>
              </main>
             <!--第一页-->
             <main class="left"><div class="custom-h3">全   日   制   劳   动  合  同</div>
               <section class="addSection"><span>甲方（用人单位）名称:</span><span class="line">${
                 this.companyName
               }</span></section>
               <section class="addSection addressClass">住所:${
                 this.address
               }  法定代表人（或主要负责人）:  ${this.principal}   </section>
                <section class="addSection">乙方（劳动者）姓名:<span class="line">${
                  this.printData[i].userName
                }</span>      性别:<span class="short">${this.issexFormatter(
              this.printData[i].sex
            )}</span>    居民身份证号码:<span class="line">${
              this.printData[i].idCard
            }</span>     </section>                     
                 <section class="addSection">文化程度: <span class="short">${this.iseducationFormatter(
                   this.printData[i].education
                 )}</span>     住所:<span class="line">${
              this.printData[i].address
            }    </span></section>                                                     
               <section class="addSection addressClass">住所: ${
                 this.address
               }  法定代表人（或主要负责人）:  ${this.principal}   </section>
               <section class="addSection">根据《中华人民共和国劳动法》、《中华人民共和国劳动合同法》等法律、法规、规章的规定，在平等自愿，协商一致的基础上，同意订立本劳动合同，共同遵守本合同所列条款。</section>
               <h5>第一条  劳动合同类型及期限</h5>
               <section class="addSection">一、劳动合同类型及期限按下列第    1    项确定。</section>
               <section class="addSection"><span>1、固定期限:自&nbsp;</span><span class="line date">${this.timeFormatter(
                 this.printData[i].laborContractStart
               )}</span><span>起至&nbsp;</span><span class="line date">${this.timeFormatter(
              this.printData[i].laborContractEnd
            )}</span>止。</section>
               <section class="addSection">2、无固定期限:自  /    年 /  月 /  日起至法定的解除或终止合同的条件出现时止。</section>
               <section class="addSection">3、以完成一定工作为期限：自   /   年 /  月  / 日起至      /               终止。</section>
                <section class="addSection">二、本合同约定试用期，试用期自   /   年 /   月  / 日起至  /  年  / 月 /   日止。</section>
                 <h5>第二条  工作内容、工作地点及要求</h5>
                 <section class="addSection">乙方从事 <span class="line">${
                   this.printData[i].workType
                 } </span><span>工作,工作地点在</span> <span class="line">${
              this.printData[i].workAreaName
            }</span> 。</section>
                 <section class="addSection">乙方工作应达到以下标准             /                                        。</section>
                 <section class="addSection">根据甲方工作需要，经甲、乙双方协商同意，可以变更工作岗位、工作地点。</section>
                 <h5>第三条  工作时间和休息休假</h5>
                 <section class="addSection">一、工作时间按下列第    1  项确定:</section>
                 <section class="addSection">1、实行标准工时制。乙方每日工作时间不超过8小时，每周工作时间不超过40小时，每周至少休息一天。</section>
                 <section class="addSection">2、实行经人力社保行政部门批准实行的不定时工作制。</section>
                 <section class="addSection">3、实行经人力社保行政部门批准实行的综合计算工时工作制。结算周期：按   /    结算。</section>
                 <section class="addSection">二、甲方由于生产经营需要经与工会和乙方协商后可以延长乙方工作时间，一般每日不得超过一小时；因特殊原因需要延长工作时间的，每日不得超过三小时，但每月不得超过三十六小时。甲方依法保证乙方的休息休假权利。</section>
                 <h5>第四条  劳动报酬及支付方式与时间</h5>
                 <!--<div class="db" style="height:5px"></div>-->
                 
                <!--第二页-->
                <section class="addSection2">一、乙方试用期间的月劳动报酬为   /         元。</section>
                <section class="addSection2">二、试用期满后，乙方在法定工作时间内提供正常劳动的月劳动报酬为  3000  元，或根据甲方确定的薪酬制度确定为                  /                                   。</section>
                <section class="addSection2">乙方工资的增减，奖金、津贴、补贴、加班加点工资的发放，以及特殊情况下的工资支付等，均按相关法律法规及甲方依法制定的规章制度执行。甲方支付给乙方的工资不得低于当地最低工资标准。</section>
                <section class="addSection2">三、甲方的工资发放日为每月  20   日。甲方应当以货币形式按月支付工资，不得拖欠。</section>
                <section class="addSection2">四、乙方在享受法定休假日以及依法参加社会活动期间，甲方应当依法支付工资。</section>
                <h5>第五条  社会保险</h5>
                <section class="addSection2">甲、乙双方必须依法参加社会保险，按月缴纳社会保险费。乙方缴纳部分，由甲方在乙方工资中代为扣缴。</section>
                <h5>第六条  劳动保护、劳动条件和职业危害防护</h5>
                <section class="addSection2">甲乙双方都必须严格执行国家有关安全生产、劳动保护、职业卫生等规定。有职业危害的工种应在合同约定中告知，甲方应为乙方的生产工作提供符合规定的劳动保护设施、劳动防护用品及其他劳动保护条件。乙方应严格遵守各项安全操作规程。甲方必须自觉执行国家有关女职工劳动保护和未成年工特殊保护规定。</section>
                <h5>第七条  劳动合同变更、解除、终止</h5>
                <section class="addSection2">一、经甲乙双方协商一致，可以变更劳动合同相关内容。变更劳动合同，应当采用书面形式。变更后的劳动合同文本由甲乙双方各执一份。</section>
                <section class="addSection2">二、经甲乙双方协商一致，可以解除劳动合同。</section>
                <section class="addSection2">三、乙方提前三十日以书面形式通知甲方，可以解除劳动合同。乙方在试用期内提前三日通知甲方，可以解除劳动合同。</section>
                <section class="addSection2">四、甲方有下列情形之一的，乙方可以解除劳动合同：</section>
                <section class="addSection2">1、未按劳动合同约定提供劳动保护或者劳动条件的；</section>
                <section class="addSection2">2、未及时足额支付劳动报酬的；</section>
                <section class="addSection2">3、未依法缴纳社会保险费的；</section>
                <section class="addSection2">4、规章制度违反法律、法规的规定，损害乙方权益的；</section>
                <section class="addSection2">5、以欺诈、胁迫的手段或乘人之危，使乙方在违背真实意思的情况下订立或者变更劳动合同致使劳动合同无效的；</section>
                <section class="addSection2">6、法律、法规规定乙方可以解除劳动合同的其他情形。</section>
                <div class="db" style="height:24px"></div>
             </main>
 
         </div>
        `;
        }
      }

      printJS({
        printable: [],
        type: "json",
        properties: [],
        header: content,
        documentTitle: "正面合同",
        style:
          ".container{  display:flex;justify-content: space-between;}.input-content{height:154px}.input-content-1{height:114px}h5{padding:0;margin:15px 20px;font-family: SimHei;font-size: 16px;}.stance{height:690px;}.stance-1{height:60px}.db{}main{flex:1;}.left{margin-right:80px}.custom-h3 {margin-bottom:25px;font-family: SimHei;text-align: center;font-size: 18px;} section{font-family: SimSun;display: flex;line-height: 43px;padding:0 40px;}.addSection{line-height: 30px!important}.addressClass{height:60px;}.addSection3{line-height: 30px}.addSection2{line-height: 30px;!important}.addSection4{line-height: 30px;} .line{  box-sizing: border-box;  flex: 1;border-bottom:1px solid lightgray}.short{box-sizing: border-box;border-bottom:1px solid lightgray;width:40px}.sign{flex:1;}p{margin:0;padding:0}.nodata1{height:10px} .nodata{height:47px}.nodata4{height:58px}.long{height:180px}.date{letter-spacing: 2px}@page{size:A3 landscape}",
      });
    },
    getData() {
      this.loading = true;
      var reqData = {
        operationType: this.operationType,
        current: this.current,
        size: this.pageSize,
      };
      let reqReport = reqRep({
        traCode: "_LIST_PERSON_LABOR_CONTRACT",
        data: reqData,
      });
      requestApiPost(reqReport).then((data) => {
        let resReport = resRep(data);
        if (resReport.getReCode() != "0000") {
          this.$message({
            message: resReport.getReMsg(),
            type: "error",
          });
        } else {
          this.list = [...this.list, ...resReport.data.records];

          if (resReport.data.records.length > 0) {
            this.current++;
            this.getData();
          }
          //结束分页查询
          if (resReport.data.total == this.list.length) {
            this.loading = false;
            let arr = JSON.parse(JSON.stringify(this.list));

            let newArr = arr.filter((e) => {
              //启亿
              if (this.companyName == "杭州启亿企业管理有限公司") {
                return (
                  e.companyName == this.companyName ||
                  e.employmentAgreementType == "1"
                );
              } else {
                return e.companyName == this.companyName;
              }
            });
            this.tableData = newArr;
          }
        }
      });
    },
    sexFormatter(a, b, c) {
      if (c == 1) {
        return "男";
      } else if (c == 2) {
        return "女";
      } else {
        return "未知";
      }
    },
    issexFormatter(c) {
      if (c == 1) {
        return "男";
      } else if (c == 2) {
        return "女";
      } else {
        return "未知";
      }
    },
    educationFormatter(a, b, c) {
      switch (c) {
        case "1":
          return "小学";
          break;
        case "2":
          return "初中";
          break;
        case "3":
          return "高中";
          break;
        case "4":
          return "大专";
          break;
        case "5":
          return "本科";
          break;
        case "6":
          return "硕士";
          break;
        case "7":
          return "博士";
          break;
        case "8":
          return "其他";
          break;
      }
    },
    iseducationFormatter(c) {
      switch (c) {
        case "1":
          return "小学";
          break;
        case "2":
          return "初中";
          break;
        case "3":
          return "高中";
          break;
        case "4":
          return "大专";
          break;
        case "5":
          return "本科";
          break;
        case "6":
          return "硕士";
          break;
        case "7":
          return "博士";
          break;
        case "8":
          return "其他";
          break;
      }
    },
    typeFormatter(a, b, c) {
      if (c == 1) {
        return "劳务派遣";
      } else {
        return "非劳务派遣";
      }
    },
    printFormatter(a, b, c) {
      if (c == 1) {
        return "未打印";
      } else {
        return "已打印";
      }
    },
    timeFormatter(e) {
      return base.isNormalDate(e);
    },
  },
  created() {
    if (sessionStorage.getItem("companyOptions")) {
      this.options = JSON.parse(
        sessionStorage.getItem("companyOptions")
      );
    }
    this.getData();
  },
};
</script>
<style scoped>
.custom-h3:first-child {
  padding-top: 0;
}
.header {
  padding: 15px;
  height: 50px;
  box-sizing: border-box;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}
.menu-swtich {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eee;
}
.menu-swtich li {
  display: inline-block;
  padding: 0 15px;
  cursor: pointer;
}
.active {
  color: #13cb6e;
  border-bottom: 2px solid #13cb6e;
}
i {
  color: #999;
  font-size: 16px;
}
.table {
  margin-top: 4px;
}
.table .content {
  display: inline-block;
  border-right: 1px solid #ccc;
}
.table .content:last-child {
  border: none;
}
.table .content > section {
  padding: 10px 15px;
}
.table .content > section span {
  margin-right: 10px;
  display: inline-block;
  width: 80px;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table .content > section span:nth-child(2) {
  text-align: center;
}
.table .content > section span:last-child {
  margin-right: 0;
  text-align: center;
}
.menu-swtich .el-button {
  margin-top: 5px;
  float: right;
  margin-right: 10px;
}
</style>
